Estoy usando broma por primera vez para probar este componente de aplicación de una aplicación React:

 // External deps import React from "react"; import ReactDOM from "react-dom"; // Project-specific deps import "../index.css"; import App from "../../App"; // Top-level component to be rendered import {constants} from "../constants.mjs"; // Get general constants of project describe("Pass props properly", () => { test("Check each props mapping.", () => { const root = document.createElement("div"); var props = { now: new Date(), // Current date and time } ReactDOM.render(<App {...props}/>, root); expect(App).toHaveBeenCalledWith(props); }); });

Cuando ejecuto una prueba personalizada, falla y Jest arroja un SyntaxError que dice Support for the experimental syntax 'jsx' isn't currently enabled y sugiere Add @babel/plugin-transform-react-jsx (https://git.io/vb4yd) to the 'plugins' section of your Babel config to enable transformation.

Sin embargo, a pesar de instalar el @babel/plugin-transform-react-jsx con node & yarn, tanto como dependencia normal como de desarrollo, el error persiste. Qué más he probado:

• Creando este babel.config.json en la raíz del proyecto (seguí las instrucciones de configuración de Babel, excepto el paso n. ° 2, aquí )
  • { "presets": [["@babel/preset-env", { "targets": { "node": "current" } }]] }

¿Podría ser una jerarquía de archivos incorrecta? ¿Demasiadas instalaciones del complemento interfiriendo entre sí? ¿Hay una buena manera de garantizar que Babel esté habilitado/funcionando? ¿El problema es con la configuración de Jest?